<!DOCTYPE html>
<html>
<head>
<title>Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Min App Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='__PUBLIC__/Index/css/contact.css' rel='stylesheet' type='text/css'>
<link href="__PUBLIC__/Index/css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="__PUBLIC__/Index/css/style.css" rel="stylesheet" type="text/css" media="all" />	    
<script src="__PUBLIC__/Index/js/jquery.min.js"></script>
 <!---- start-smoth-scrolling---->
<script type="text/javascript" src="__PUBLIC__/Index/js/move-top.js"></script>
<script type="text/javascript" src="__PUBLIC__/Index/js/easing.js"></script>
 
<!---End-smoth-scrolling---->
<script src="__PUBLIC__/Index/js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>

</head>
<body>
		<div class="header">
			<div class="header-top">
				<div class="container">
				<div class="logo">
					<a href="index.html"><img src="__PUBLIC__/Index/images/logo.png"></a>
				</div>
				<div class="top-menu">
					<span class="menu"> </span> 
					<ul>
						<li><a href="index.html">关于我们</a></li>
						<li><a href="index.html">服务</a></li>
						<li><a href="prices.html">价格</a></li>
						<li><a href="contact.html">联络</a></li>
					</ul>
					</div>
					<div class="clearfix"> </div>
					<!-- script-for-menu -->
		 <script>					
					$("span.menu").click(function(){
						$(".top-menu ul").slideToggle("slow" , function(){
						});
					});
		 </script>
		 <!-- script-for-menu -->
					</div>
				</div>
				</div>
				<div class="content">
		<div class="contact about-desc">
			<h3>联络信息</h3>
   		<div class="container">
   			<div class="row">
   				<div class="col-md-8 contact_left">
   					<h4>我们的使命</h4>
   					<p class="m_6">创新、价值、责任，努力成为客户信赖的移动互联网合作伙伴</p>
   					<p class="m_7">规范项目业务管理、落实责任制、用品质给客户带来价值 </p>
   			   <div class="contact_grid contact_address">
						<h5>北京</h5>	
						<p>Telephone : 400-0135-517</p>
						<p>Addr : 北京市朝阳区朝阳路67号财满街中心8号楼1单元801</p>
						<p>Email : <a href="malito:mail@demolink.org" chen.dan@bloveoa.com</a></p>
					</div>
					<div class="contact_grid">
						<h5>武汉</h5>	
						<p>电话 : 400-0135-517</p>
						<p>Addr : 武汉市新技术开发区武大科技园区兴业楼301-302</p>
						<p>Email : <a href="mailto:example@mail.com"> chen.dan@bloveoa.com</a></p>
					</div>
   				</div>
   				<div class="col-md-4">
   					<div class="contact_right">
   				<div class="contact-form_grid1">
				   <form id="send">
					 <input type="text" class="textbox" name="name"  id="name" placeholder="your name111" >
                                         <span id="namemsg" style="display:none;width:100;height:50;border:0px solid red"></span>
					 <input type="text" class="textbox" name="email"  id="email" placeholder="your email111" >
					 <span id="emailmsg" style="display:online-block;width:100;height:50;border:0px solid red"></span>
                                         <input type="text" class="textbox" name="subject"  id="subject" placeholder="subject11"  >
					 <textarea  name="message"  placeholder="message"></textarea>
					 <input type="button" value="发送" id="sub">
				   </form>
			      </div>
   			     </div>
   				</div>
   			</div>
   		</div>
   	</div>
   	
   </div>
		</div>
	<div class="map s-map">
		<!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10015.498657932954!2d-0.1570060357124469!3d51.129219866008135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4875f1c859d0e855%3A0xb0ce82410da5809!2sA2011%2C+Crawley%2C+West+Sussex+RH10%2C+UK!5e0!3m2!1sen!2sin!4v1409743498026">-->
			
		</iframe>
	</div>
	</div>
<div class="footer-section">
					<div class="container">
						<div class="footer-top">
					<p>Copyright &copy; 2015.Company name All rights reserved.More Templates  </p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
		</div>
</body>
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
                        //保存游客信息；
                        $("#sub").click(function(){
                            if(!$("#name").val()){
                                 $("#namemsg").show().html("姓名不可为空");
                            }else if($("email").val()==""){
                                 $("#emailmsg").show().html("邮箱不可为空");
                             } else{
                                var email=$("#email").val();
                                if(!email.match(/@\w/)){
                                    $("#emailmsg").html("邮箱格式不下确");
                                }else{
                                    $.ajax({
                                        type:"post",
                                        url:'{:U("Index/send")}',
                                        data:$("#send").serialize(),
                                        success:function(data){ 
                                            if(data.info=="ok"){
                                                alert("发送成功");
                                            }else{
                                                alert("发送失败");
                                            }
                                        } 
                                    }); 
                                }
                             }     
                        })
		});
	</script>
</html>